import React from 'react';
import { Navigate } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';

/**
 * 受保护的路由组件
 * 只有已登录用户才能访问受保护的页面
 * @param {Object} children - 子组件
 * @returns {JSX.Element} - 渲染的组件
 */
const ProtectedRoute = ({ children }) => {
  const { user } = useAuth();

  // 如果用户未登录，重定向到登录页面
  if (!user) {
    return <Navigate to="/login" replace />;
  }

  // 如果用户已登录，渲染子组件
  return children;
};

export default ProtectedRoute;